<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

<head>
    <title>我的账户</title>
    <div data-th-replace="layout/user/user-center-head"></div>
</head>
<body>
<div data-th-replace="layout/user/user-head"></div>
<div class="u-bg">
    <div class="container pr u-container" id="uCenterMain">
        <section class="uCenter-box pa" id="uCenter-box">
            <div class="row uH">
                <div class="col-sm-12 uH">
                    <div class="u-i-left__wrap u-i-left_box uH">
                        <!--左侧公共菜单 开始-->
                        <div data-th-replace="layout/user/user-left-menu"></div>
                        <!--左侧公共菜单 结束-->
                        <article class="u-c-c-cont__wrap u-c-c-main uH">
                            <div class="u-c-box uH" style="min-height: 100%;">
                                <div class="mr20 pr10 pt10 uH">
                                    <section class="c-head-title clearfix">
                                        <aside class="pull-right mt10">
                                            <a href="javascript:;" id="calendarBtn1" class="c-fff fs14 pr" title="去签到">
                                                <i class="fa fa-calendar-check-o mr5"></i>签到
                                            </a>
                                        </aside>
                                        <h6>
                                            <span class="fs14 c-333 vam hLh30">我的账户</span>
                                        </h6>
                                    </section>
                                    <section class="c-info-tab c-data-tab pt10 mt10">
                                        <h4 data-id="accountBalance" class="active"><span class="fs16">账户信息</span></h4>
                                        <h4 data-id="myCash" class=""><span class="fs16">我的提现</span></h4>
                                        <h4 data-id="myMembers" class=""><span class="fs16">会员信息</span></h4>
                                        <h4 data-id="myInteger" class=""><span class="fs16"  th:text="'我的'+${userIntegralRuleName['name']}">我的积分</span></h4>
                                        <h4 id="myCoupon" data-id="myCoupon" class=""><span class="fs16">优惠券</span></h4>
                                        <h4 data-id="myGiftCard" class=""><span class="fs16">礼卡</span></h4>
                                    </section>

                                    <!--账户余额-->
                                    <div class="mt20 right-box right-account-box">
                                        <div class="right-s-box u-my-course_box pb10" id="newAjaxContext">
                                            <section class="">
                                                <div class="orderTitle hLh30">
                                                    <i class="fa fa-circle-o"></i>
                                                    <span class="fs16 c-333 ml5">账户总额</span>
                                                    <span class="c-999 fs12">（由银行充值、后台充值卡、问答收益、分销收益/奖励金、后台退款等组成。）</span>
                                                </div>

                                                <div class="row">
                                                    <section class="col-sm-4">
                                                        <div class="ml20">
                                                            <article class="mt20">
                                                                <input type="hidden" id="userAccountBalance" th:value="${userAccount['balance']}">
                                                                <strong class="c-danger fs36" id="moneyTxt" th:text="${userAccount['balance']}"></strong>
                                                                <span class="c-333 fs14 ml10">元</span>
                                                            </article>

                                                            <article class="hLh20">
                                                                <span class="fs12 c-666">账户可用余额</span>
                                                            </article>
                                                        </div>
                                                    </section>

                                                    <section class="col-sm-4">
                                                        <div class="mt20">
                                                            <strong class="c-999 fs36" th:text="${userAccount['cashForzenAmount']} + ${userAccount['vmForzenAmount']}">0</strong>
                                                            <span class="c-333 fs14 ml10">元</span>
                                                        </div>
                                                        <article class="hLh20">
                                                            <span class="fs12 c-666">账户冻结金额</span>
                                                        </article>
                                                    </section>

                                                    <section class="col-sm-4">
                                                        <div class=" mt20 pt10">
                                                            <span>
                                                                <button type="button" id="recharge" class="btn btn-w-m btn-danger btn-rounded">立即充值</button>
                                                            </span>
                                                        </div>
                                                    </section>
                                                </div>
                                            </section>

                                            <section class="mt20 pt10">
                                                <div class="orderTitle hLh30">
                                                    <i class="fa fa-circle-o" style="color: #9ceabd"></i>
                                                    <span class="fs16 c-333 ml5">可提现金额</span>
                                                    <span class="c-999 fs12">（由前台银行充值[iOS内购充值可提现金额为70%]、问答收益、分销收益/奖励金等组成。）</span>
                                                </div>
                                                <div class="row">
                                                    <div class="col-sm-4">
                                                        <div class="mt20 ml20">
                                                            <strong class="c-primary fs36" id="usable-amount" th:text="${userAccount['cashAmount']}">0</strong>
                                                            <span class="c-333 fs14 ml10">元</span>
                                                        </div>
                                                        <article class="hLh20 ml20">
                                                            <span class="fs12 c-666">账户可提现金额</span>
                                                        </article>
                                                    </div>
                                                    <div class="col-sm-4">
                                                        <div class="mt20">
                                                            <strong class="c-666 fs36" th:text="${userAccount['applyCashAmount']}">0</strong>
                                                            <span class="c-333 fs14 ml10">元</span>
                                                        </div>
                                                        <article class="hLh20">
                                                            <span class="fs12 c-666">已申请提现金额</span>
                                                        </article>
                                                    </div>
                                                    <div class="col-sm-4">
                                                        <div class="mt20 pt10">
                                                            <div class="">
                                                                <span class="vam">
                                                                    <button th:disabled="${userAccount['cashAmount']}< 1"  type="button" th:id="(${userAccount['cashAmount']} < 1)?'':'cash-btn'"  class="btn btn-w-m btn-success btn-rounded">申请提现</button>
                                                                </span>
                                                            </div>
                                                            <div class="mt5 ml10">
                                                                <span class="vam fs12 c-666"
                                                                        data-container="body"
                                                                        data-toggle="popover"
                                                                        data-trigger="hover"
                                                                        data-placement="top"
                                                                        data-content="1、单次提现金额应大于1元，且不超过1000元；<br/>2、单日提现次数不超过3次，再次提现的时间间隔不得少于 1分钟；<br/>3、如提现出现问题，请联系在线客服">
                                                                    <i class="fa fa-exclamation-circle" aria-hidden="true"></i> 提现须知
                                                                </span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </section>

                                            <section class="mt20 pt10">
                                                <div class="orderTitle hLh30 mt20 txtOf" style="height: 42px;">
                                                    <aside class="pull-left">
                                                        <i class="fa fa-circle-o fa_shop"></i>
                                                        <span class="fs16 c-333 ml5">余额变动记录</span>
                                                    </aside>
                                                    <aside class="pull-right" style="width: 620px;">
                                                        <div class="row show-grid">
                                                            <aside class="col-sm-3">
                                                                <select class="form-control condition_search" id="accountHistoryType">
                                                                    <option value="">全部类型</option>
                                                                    <th:block th:each="accountHistoryType : ${accountHistoryTypeList}">
                                                                        <option th:value="${accountHistoryType['value']}" th:text="${accountHistoryType['name']}"></option>
                                                                    </th:block>
                                                                </select>
                                                            </aside>
                                                            <div class="col-sm-9">
                                                                <input type="text" id="beginTime" name="beginTime" placeholder="开始时间" readonly class="laydate-icon form-control layer-date vam" style="max-width: 180px;vertical-align: middle">
                                                                <input type="text" id="endTime" name="endTime" placeholder="结束时间" readonly class="laydate-icon form-control layer-date vam" style="max-width: 180px;vertical-align: middle">
                                                                <button type="button" id="search-btn" class="btn btn-info vam"> 检 索 </button>
                                                            </div>
                                                        </div>
                                                    </aside>

                                                </div>

                                                <div class="mt20 cash-account-list-box"  id="account-list-context">

                                                </div>
                                            </section>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </article>
                        <!--<%&#45;&#45;充值弹出框&#45;&#45;%>-->
                        <div id="achangeEle1" class="hide">
                            <div class="">
                                <div class="row">
                                    <section class="col-sm-4 select-price">
                                        <a href="javascript:;" data-price="1">
                                            <div class="mb10 pt10 pl10 pr10 pb10 bg-f2">
                                                <h4 class="hLh30 ml10">
                                                    <span class="fs18 c-warning"><i class="fa fa-yen"></i> 1元尝鲜</span>
                                                </h4>
                                                <section class="hLh20 txtOf ml10"><span class="fs12 c-999">最优惠，90%的人都会选择</span></section>
                                            </div>
                                        </a>
                                    </section>
                                    <section class="col-sm-4 select-price">
                                        <a href="javascript:;" data-price="19">
                                            <div class="mb10 pt10 pl10 pr10 pb10 bg-f2">
                                                <h4 class="hLh30 ml10">
                                                    <span class="fs18 c-warning"><i class="fa fa-yen"></i> 19.00</span>
                                                </h4>
                                                <section class="hLh20 txtOf ml10"><span class="fs12 c-999"></span></section>
                                            </div>
                                        </a>
                                    </section>
                                    <section class="col-sm-4 select-price">
                                        <a  href="javascript:;" data-price="99">
                                            <div class="mb10 pt10 pl10 pr10 pb10 bg-f2">
                                                <h4 class="hLh30 ml10">
                                                    <span class="fs18 c-warning"><i class="fa fa-yen"></i> 99.00</span>
                                                </h4>
                                                <section class="hLh20 txtOf ml10"><span class="fs12 c-999"></span></section>
                                            </div>
                                        </a>
                                    </section>
                                    <section class="col-sm-4 select-price">
                                        <a href="javascript:;" data-price="199">
                                            <div class="mb10 pt10 pl10 pr10 pb10 bg-f2">
                                                <h4 class="hLh30 ml10">
                                                    <span class="fs18 c-warning"><i class="fa fa-yen"></i> 199.00</span>
                                                </h4>
                                                <section class="hLh20 txtOf ml10"><span class="fs12 c-999"></span></section>
                                            </div>
                                        </a>
                                    </section>
                                    <section class="col-sm-4 select-price">
                                        <a href="javascript:;" data-price="399">
                                            <div class="mb10 pt10 pl10 pr10 pb10 bg-f2">
                                                <h4 class="hLh30 ml10">
                                                    <span class="fs18 c-warning"><i class="fa fa-yen"></i> 399.00</span>
                                                </h4>
                                                <section class="hLh20 txtOf ml10"><span class="fs12 c-999"></span></section>
                                            </div>
                                        </a>
                                    </section>
                                    <section class="col-sm-4">
                                        <div class="mb10 pt10 pl10 pr10 pb10 bg-f2 form-inline">
                                            <h4 class="hLh30 ml10 form-group">
                                                <input type="text" placeholder="自定义金额" class="form-control unRadius text-center" id="new-input-price" style="width: 95px">
                                                <button class="btn btn-danger btn-sm unRadius new-in-price-but" type="button">确定</button>
                                            </h4>
                                            <section class="hLh20 txtOf ml10 mt10"><span class="fs12 c-999">不少于1，不大于9999.0元</span></section>
                                        </div>
                                    </section>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
</div>
<div data-th-replace="layout/user/user-common"></div>
<!--公共引入签到js-->
<script th:src="@{{path}/front/web/business/common/processing-check-in.js?v={v}(path=${staticPath},v=${v})}"></script>
<script type="text/javascript" th:src="@{{path}/front/web/business/user/common/new-utils.js?v={v}(path=${staticPath},v=${v})}"> </script>
<script type="text/javascript" th:src="@{{path}/front/web/business/user/center/myAccount/user-myAccount.js?v={v}(path=${staticPath},v=${v})}"></script>
<script type="text/javascript" th:src="@{{path}/front/web/business/user/common/newMessage.js?v={v}(path=${staticPath},v=${v})}"></script>
<script type="text/javascript" th:src="@{{path}/front/web/business/user/center/myAccount/cash/user-cash-account.js?v={v}(path=${staticPath},v=${v})}"></script>
<script type="text/javascript" th:src="@{{path}/front/web/libs/plugins/laydate/laydate.js?v={v}(path=${staticPath},v=${v})}"></script>
</body>
</html>